<template>

  <view class="quality main-box feat-grid">

    <comScriptQuality v-if="store.qualityList?.length>=1" :list="store.qualityList"></comScriptQuality>

  </view>

</template>
<script setup>
import {ref, reactive} from 'vue';
import comScriptQuality from '@/components/com-script-quality/index'
import { onReachBottom,onShow,onLoad } from "@dcloudio/uni-app";
import { playStore } from "@/stores";
const store = playStore();


//被动更新排行数据
onLoad(()=>{
  store.clearQualityList();
  store.handleGetQualityList('reset');
})
onReachBottom(()=>{
  store.handleGetQualityList('scroll');
})

</script>

<style lang="scss" scoped>
.quality{
  background-color:$main-j;
  &:deep(.script-item){margin-bottom: 20rpx;}

}
</style>
